<template>
  <div class="home">
    <div class="main_content">
      <div class="img">
        <img :src="homeImg">
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      homeImg: ''
    };
  },
  computed: {

  },
  watch: {

  },
  created() {
    window._vm = this;
    this.init()
  },
  mounted() {},
  methods: {
    init() {
      this.homeImg = require('@/assets/images/home/sys_home_page_img.jpg');
    }
  }
};
</script>
<style lang="scss">
.home {
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  overflow: auto;
  & > .main_content {
    height: 100%;
    width: 100%;
    overflow: hidden;
    .img {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      & > img {
        width: 80%;
      }
    }
  }
}
</style>

